﻿body
{
    font-family: 굴림, Arial, san-serif;
    font-size: 0.8em;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;

}
.top { border-style: none none solid none;   border-width: 1px;  border-color: gray; margin-top: 0px; margin-left: 0px; padding: 0px;}
.head
{
    border-style: none none double none;
    border-width: 1px;
    border-color: gray;
    margin-top: 0px;
    margin-left: 0px;
    padding: 0px;
    overflow:auto;
   
}
.bottom
{
}
.middle
{
    border: 0px solid #FF0000;
    margin-top: 2px;
    margin-left: 0px;
    padding: 0px;
}
.middle2 {border: 0px solid gray; margin-top: 2px; margin-left: 0px; padding: 0px;  text-align: center;}

.dumy
{
    background-color: #00FFFF;
    border: 1px solid #3399FF;
    width: 150px;
    height: 300px;
}


   
.left1
{
    border-style: none solid none none;
    border-width: 1px;
    border-color: gray;
    float: left;
    width: 250px;
    padding: 2px;
}
.main0 {border: 0px solid gray; margin-top: 0px; margin-left: 260px;  padding: 2px;  min-height: 200px; }
.main1
{
    border: 0px solid gray;
    margin-top: 0px;
    margin-left: 260px;
    margin-right: 260px;
    min-height: 200px;    
    padding: 2px;

}
.right1
{
    border-style: none none none solid;   border-width: 0px;   border-color: gray;   float: right;   width: 250px;   margin-top: 0px;
    margin-left: 0px;   padding: 2px;
}

.left2
{
    border-style: none solid none none;    border-width: 1px;   border-color: gray;    float: left;    width: 250px;
    margin-top: 0px;    margin-left: 0px;    padding: 2px;
}
.main2 {border: 0px solid gray; margin-top: 0px; margin-left: 260px;  padding: 2px;  min-height: 200px; }


/* --------------------------------------------------------------------- */
.middle4
{
    border: 0px solid #FF0000;
    margin-top: 2px;
    margin-left: 0px;
    padding: 0px;
    overflow:auto;
}

.left4
{
    border-style: solid;
    border-width: 0px;
    border-color: #800080;
    width: 250px;
    padding: 0px;
    float: left;
    position:relative;
    overflow:auto;
}

.main4
{
    border-style: solid;
    border-width: 0px;
    border-color: #008000;
    width: 250px;
    padding: 2px;
    float: left;
    margin-left: 10px;
    position:relative;
}
.right4
{
    border-style: solid;
    border-width: 0px;
    border-color: #FF0000;
    padding: 2px;
    margin-left: 530px;
    position:relative;
}

.dumy4
{
    margin: -1;
    background-color: #00FFFF;
    border: 0px solid #3399FF;
    padding: 0px;
    width:100%;
    height: 300px;
}

/* Normal
   -------------------------------- */

.normal h3,
.normal h4 {
	margin: 0;
	font-weight: normal;
}

.normal h3 {
	padding: 0 0 9px;
	font-size: 1.8em;
}

.normal h4 {
	padding-bottom: 21px;
	border-bottom: 1px dashed #999;
	font-size: 1.2em;
	font-weight: bold;
}

.normal p {
	font-size: 1.2em;
}

/* --------------------------------------------
--  화면처리 스타일1  
---------------------------------------------- */
/* 화면 타이틀 */
#DivFormTitle{background-color: #FFFFFF; padding:5px	}
#DivFormTitle_UnderLine{	background-color: #C0C0C0;	height: 2px; margin-left:2px; margin-right:2px}
#DivFormTitle_Button{	border-width:0px;		padding: 3px;}
#DivFormTitle A{font-size: 20px;	font-weight: bold; }

/* DivSpan */
.DivSpan {border: #d4d0c8 1px solid;  }
.DivSpanTop {position:relative;	background-color: #C0C0C0; padding:10px; vertical-align:middle; }
.Divimg{ position:absolute;  right:10px; }

.DivSpanBody {	padding:3px; 	}
.DivSpanSpace{	height:20px;}
.DivSpanBody ul{	list-style: none;}
.DivSpanBody li{	list-style: none; }
.DivSpanBody a{padding:0px; vertical-align:middle}
.DivSpanBody img{padding:0px; vertical-align:middle}
.DivSpanBody li:hover	{background-color:Yellow;}

.DivGroupMenu { border: #C0C0C0 1px solid; margin:-7px; background-color: #FFFFFF; font-size:11px;}
.DivGroupMenuTitle{	border-width: 1px;	border-color: #C0C0C0;	font-weight: bold;	padding: 3px;	border-bottom-style: dashed;}
.DivGroupMenuBody{	padding:10px;}
.DivGroupMenuBody ul{	list-style: none;	line-height: 20px;}
.DivGroupMenuBody li{	list-style: none;}
.DivGroupMenuBody a{width: 40px;text-align: right;	padding-right:10px;	height:20px;}
.DivGroupMenuBody input {width: 60px;height:20px;}

/* -----------------------------------------------
-- 메뉴관련
------------------------------------------------- */
.contextMenu
{
	display:none;
}
.DivContextMenu
{
	position:absolute; /*leave this alone*/
	display: block; /*leave this alone*/
	width: 180px; /*default width of menu*/
	border: 1px solid #666666;
	overflow-x:auto;
	z-index: 3000;
	background-color: #C0C0C0;
}
.DivContextMenu ul{	list-style: none; padding:0px; margin:0px;}
.DivContextMenu li{	list-style: none; padding:0px; margin:0px;}
.DivContextMenu a{padding:0px; vertical-align:middle}
.DivContextMenu img{padding:0px; vertical-align:middle}
.DivContextMenu li:hover{background-color:Yellow;}


#set div { width: 90px; height: 90px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }

.dashboard-area
{
	position:relative;
	border-style: solid;
	border-color: #FF0000;
	width: 600px;
	background-color: YellowGreen;
	padding: 0px;
	float: left;
}
.dashboard-main
{
    background-position: center center;
    border: 1px solid #CCCCB3;
    width: 100%;
    height: 500px;
    background-color: White;
    position: relative;
    overflow: scroll;
    background-image: url('../image/MP900433137.jpg');
    background-repeat: no-repeat;
}
.dashboard-bottom
{
	clear:left; 
	border-color: #FFFF00;
	width: 600px;
	height: 50px;
	left:0; bottom:0px;
	background-color:Transparent;
}

.dashboard-ui
{
	position:absolute;
	width: 100px;
	background-color: Transparent;
	overflow: hidden;
	padding: 0.5em;
	border: 1px solid Transparent;
	cursor:hand;	
}

.dashboard-ui-mouseover
{
	border: 1px solid #FF0000;
}

/*
#Box {position:relative; width:300px; height:300px;}
#head {float:left; width:300px; height:50px;}
#body {clear:left; float:left; width:300px;}
#foot {position:absolute; clear:left; float:left; width:300px; height:50px; left:0; bottom:0px;}
*/
.divcodeSource
{
    background-color: #CCCCCC;
    border: 1px dotted #808080;
    font-family: 굴림, Arial, san-serif;
    font-size: medium;
    
}
.divcodeView
{
    background-color: #FFFFFF;
    border: 1px dotted #808080;
    font-family: 굴림, Arial, san-serif;
    font-size: medium;

}
/* ------------------------------------------------------
   tinyedit 설정영역
------------------------------------------------------ */

pre
{
	background-color:White;
	border: 1px solid gray;
}

word
{
    background-color: #FFFF00;
    background-image: none;
}

p
{
    margin:5px 2px 2px 5px;
    padding:0;
    background-color: #FFFFFF;
   
}

/* ------------------------------------------------------

  
td {
    font-family: 굴림, Arial, san-serif;
    font-size: 0.9em;
}

pre {
    font-family: 굴림, Arial, san-serif;
    font-size: 0.9em;
}

.tablerow1 {
	background-color: #BBBBBB;
}

thead {
	background-color: #FFBBBB;
}

tfoot {
	background-color: #BBBBFF;
}

th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
}

------------------------------------------------------- */



/* --------------------------------------------
     top menu button 
--------------------------------------------*/
.topMenu
{
    border-style: solid none solid none;
    border-width: 0px;
    border-color: #FF9900;
    padding: 10px 10px 10px 10px;
    overflow: auto;
    height: 9px;
    background-color: #F2F2F2;
    background-image: url('../image/sbu_tit_bg.gif');
}

.topMenu .leftMenu
{
    top:5px;
    border: 0px solid #FF0000;
    overflow: hidden;
    padding: 1px 1px 1px 1px;
    width: 600px;
    position:absolute;

}

.topMenu .leftMenu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    float:left;
}

.topMenu .leftMenu ul li
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    float:left;
}



.topMenu .leftMenu ul li a
{
    border: 1px solid #C0C0C0;
    margin: 1px 1px 1px 1px;
    padding: 1px 10px 1px 10px;
    background-color:transparent;
}

.topMenu .rightMenu
{
    top: 5px;
    right: 10px;
    border: 0px solid #0000FF;
    overflow: hidden;
    padding: 1px 1px 1px 1px;
    width: 600px;
    position: absolute;
}

.topMenu .rightMenu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
}

.topMenu .rightMenu ul li
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    float:left;
}

.topMenu .rightMenu ul li a
{
    border: 1px solid #C0C0C0;
    margin: 1px 1px 1px 1px;
    padding: 1px 10px 1px 10px;
    background-color:transparent;
}

.topMenu .centerMenu
{
    background-position: center center;
    top: 3px;
    border: 1px solid #CCCCCC;
    width: 200px;
    float: left;
    left: 50%;
    position: absolute;
    margin-left: -100px;
    height: 20px;
    background-image: url('../image/crmkorea.gif');
    background-repeat: no-repeat;
    background-color: #FFFFFF;
}

.headMenu
{
    text-align: center;
    background-color:White;
    height:30px;
    padding:10px 10px;
    
}


.headMenu .SerchText
{
    border: 3px solid #008000;
    width:200px;
     
}

.bottomMenu
{
    border-style: solid none none none;
    border-width: 1px 0px 0px 0px;
    border-color: #C0C0C0 #FF9900 #FF9900 #FF9900;
    overflow: auto;
    height: 30px;
    position: absolute;
    width: 100%;
    background-color: transparent;
}
.bottomMenu .leftMenu
{
    top:3px;
    border: 0px solid #FF0000;
    overflow: hidden;
    padding: 1px 1px 1px 1px;
    width: 600px;
    position:absolute;

}
.bottomMenu .leftMenu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    float:left;
}

.bottomMenu .leftMenu ul li
{
    
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    list-style-type: none;
    float:left;
}

.bottomMenu .leftMenu ul li a
{
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: #FFFFFF;
    margin: 1px 1px 1px 1px;
    padding: 1px 5px 1px 5px;
    background-color: transparent;
    color:Black;
}

.bottomMenu .centerMenu
{
    top: 3px;
    width: 400px;
    float: left;
    left: 50%;
    position: absolute;
    margin-left: -200px;
    font-size: small;
}

.bottomMenu .rightMenu
{
    top: 3px;
    right: 10px;
    border: 0px solid #0000FF;
    overflow: hidden;
    padding: 1px 1px 1px 1px;
    width: 400px;
    position: absolute;
    overflow:hidden;
}
.bottomMenu .rightMenu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
}

.bottomMenu .rightMenu ul li
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-style: solid;
    border-width: 0px 1px 0px 0px;
    border-color: #FFFFFF;
    list-style-type: none;
    float:left;
}

.bottomMenu .rightMenu ul li a
{
    margin: 1px 1px 1px 1px;
    padding: 1px 5px 1px 5px;
    background-color: transparent;
    color:Black;
}

.Noti_new
{
    background-position: 0px center;
    background-image: url('../image/bt_op_b.gif');
    background-repeat: no-repeat;
    width: 15px;
    display: inline-block;
    height: 11px;
}
.Noti_icoimp03
{
    background-position: 0px center;
    background-image: url('../image/icoimp03.gif');
    background-repeat: no-repeat;
    width:30px;
    height: 11px;
    display:inline-block;
}
.Noti_icoquestion
{
    background-position: 0px center;
    background-image: url('../image/icoquestion.gif');
    background-repeat: no-repeat;
    width:15px;
    height: 11px;
    display:inline-block;
}
.Noti_ic_ppt
{
    background-position: 0px center;
    background-image: url('../image/ic_ppt.gif');
    background-repeat: no-repeat;
    width:18px;
    height: 14px;
    display:inline-block;
}

/* -----------------------------------------

------------------------------------------- */

.stable
{
}

.stable ul
{
    margin: 1px;
    padding: 1px 1px 1px 1px;
    list-style: none;
    overflow:hidden;
   
}
.stable li
{
  overflow:hidden;
  font-weight:normal;
}


.stable ul li
{
    margin: 5px 1px 5px 1px;
    padding: 5px 5px 5px 5px;
    border: 0px solid #C0C0C0;
    background-color: #EBEBEB;
    font-weight: bold;
}

.stable ul ul
{
    border: 0px solid #808080;
    margin: 5px 0px 0px 0px;
    padding: 5px 3px 3px 3px;
    background-color: #FFFFFF;
}

.stable ul ul li
{
    margin: -2px  -2px  1px  1px;
    padding: 3px 3px 1px 1px;
    border-style: none none solid none;
    border-width: 1px;
    border-color: #C0C0C0;
    background-color: #FFFFFF;
    font-weight:normal;
}

.stable ul ul ul
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border: 1px solid #C0C0C0;
    
}
.stable ul ul ul li
{
    margin: 0px  0px  0px  0px;
    padding: 0px  0px  0px  0px;
    border-style: none none solid none;
    border-width: 1px;
    border-color: #C0C0C0;
    background-color: #FFFFFF;
    font-weight:normal;
}

.stable .DataHead
{
    padding:0.5em 0px 0.5em 0px;
    width: 20%;
    float: left;
    
    background-color: #EBEBEB;
    overflow:auto;
}
.stable .DataHead a {padding:5px 5px 0px 15px;}

.stable .DataBody
{
     padding:0.5em 0px 0.5em 0px;
    width: 80%;
    float:left;
   
}
.stable .DataBody a {padding:5px 5px 0px 15px;}
.stable .DataHead30p
{
     padding:0.5em 0px 0.5em 0px;
    width: 20%;
    float: left;
    background-color: #F7F7F7;
}
.stable .DataHead30p a {padding:5px 5px 0px 15px;}

.stable .DataBody30P
{
     padding:0.5em 0px 0.5em 0px;
    float:left;
    width:30%;
}   
.stable .DataBody30P a {padding:5px 5px 0px 15px;}

/* -------------------------------------------------------------------

--------------------------------------------------------------------*/
.showBtnArea
{
    background-color: #EBEBEB;
    border: 1px solid #C0C0C0;
    margin: 1px  1px  2px  0px;
    padding: 1px  1px  1px  1px;
}
.showBtn 
{
    margin: 1px  1px  1px  1px;
    border: 1px solid #808080;
    padding: 0px 10px 0px 10px;
    background-color: #C0C0C0;
    color: #FFFFFF;
    height:22px;
    width:100px;
    
   
}
.space 
{
    margin: 1px  1px  1px  1px;
    padding: 0px 10px 0px 10px;
    background-color:transparent;
    border: 1px solid transparent;    
    height:22px;
    width:10px;
    
   
}   
   .showFilterArea
{
    border: 1px solid #CCCCB3;
    margin: 3px 1px 1px 1px;
    background-color: #F7F7F7;
    overflow:auto;
}
   .showFilterArea ul
{
    margin: 1px;
    padding: 1px 1px 1px 1px;
    list-style: none;
    overflow:auto;
}
   .showFilterArea li
{
    border: 0px solid #000000;
    margin: 1px 1px 1px 1px;
    background-color: #F7F7F7;
    float: left;
    width: 32%;
    white-space: nowrap;
    overflow:hidden;
    
}
   .showFilterArea li span
{
    border: 0px solid #00FF00;
    width: 30%;
    float:left;
    white-space: nowrap;
}
   .showFilterArea li span a
{
   width: 30%;
   float:left;
   overflow:hidden;
   vertical-align:middle;
   margin:0.4em;
}

/*-------------------------------
------------------------------- */
        .column
        {
            width: 250px;
            float: left;
            padding-bottom: 100px;
        }
        .portlet
        {
            margin: 0 1em 1em 0;
        }
        .portlet-header
        {
            margin: 0.3em;
            padding-bottom: 4px;
            padding-left: 0.2em;
        }
        .portlet-header .ui-icon
        {
            float: right;
        }
        .portlet-content
        {
            padding: 0.4em;
        }
        .portlet-content li
        {
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            list-style: none;
            text-indent: 0px;
            width: 109px;
            text-align: center;
        }
